<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NBA管理系统登录页面</title>
    <style>
        body {
            background: url(../img/111.jpg);

        }

        #login{
            text-align: center;
            color: orangered;
        }



    </style>
</head>
<body>
<div id="login">
<h1>NBA后台管理系统</h1>
<form id="myForm">

   <label for="loginName"> 用户名：</label><input type="text" id="loginName" name="loginName"/><br>
    <label for="pwd">密码：&nbsp;&nbsp;&nbsp;</label><input type="password" id="pwd" name="pwd"/><br><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <!--提交按钮和普通的button是有区别的-->
    <!--<input type="submit" id="submit" value="登录" style="color: orangered">-->
    <button type="button" id="submit" style="color: orangered">登录</button>
    <input type="reset" value="重置" style="color: #3bb4f2">
</form>
</div>

</body>
</html>
<script src="/js/jquery-1.11.1.js"></script>
<script src="/layer/layer.js"></script>
<script>
    //ajax异步请求数据，应使用普通的button按钮
    $(function (){
        $("#submit").click(function (){
            //先使用layer,弹出load（提示加载中...）
            const windowId = layer.load();//获取加载框
            $.ajax({
                type: "POST",
                url: "/pages/adminLogin", //请求控制器的地址
                //RESTful风格的API定义
                data: $("#myForm").serialize(),
                //表单的所有数据以？&形式追加在URL后面 /team?teamId=1006&teamName=kuaichuan&location=las
                dataType:"json",
                success: function(loginData){
                    //关闭load窗口
                    layer.close(windowId);

                    //将服务器回复的结果进行显示
                    layer.msg(loginData.msg);

                    //判断登录状态
                    if(loginData.status===1){
                        //登录成功后跳转页面
                        location.assign("index.html");
                    }
                }
            });

        })
    });

</script>


